<template>
    <view class="course-list">
      <vue-Card-item
        v-for="teacher in teacherList"
        :key="teacher.id"
        :item="teacher"
        type="teacher"
      ></vue-Card-item>
    </view>
  </template>
  
  <script setup lang="ts">
      import {reactive,ref} from 'vue'
      import { onLoad } from '@dcloudio/uni-app';
      import HomeApi from '@/Api/Home'
      const teacherList = ref([])
      const id = ref<number>()
    
      onLoad((options) => {
            id.value = options.id
          getOneInfo(id)
      })
      const getOneInfo =async(id:number)=>{
        console.log(111,id)
        const result = await HomeApi.getOne(tid)
        console.log(result)
      }
  
      
  </script>
  
  <style lang="less">
      .course-list {
                  display: flex;
                  flex-wrap: wrap;
                  justify-content: space-around;
  
                  &:after {
                      content: '';
                      width: 335upx;
                  }
              }
  </style>